<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>创建专辑</title>

		<!-- Set render engine for 360 browser -->
		<meta name="renderer" content="webkit">

		<!-- No Baidu Siteapp-->
		<meta http-equiv="Cache-Control" content="no-siteapp" />

		<link rel="icon" type="image/png" href="__ROOT__/Public/yx/assets/i/favicon.png">

		<!-- Add to homescreen for Chrome on Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<link rel="icon" sizes="192x192" href="__ROOT__/Public/yx/assets/i/app-icon72x72@2x.png">

		<!-- Add to homescreen for Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="apple-touch-icon-precomposed" href="__ROOT__/Public/yx/assets/i/app-icon72x72@2x.png">

		<!-- Tile icon for Win8 (144x144 + tile color) -->
		<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
		<meta name="msapplication-TileColor" content="#0e90d2">

		<link rel="stylesheet" href="__ROOT__/Public/yx/assets/css/amazeui.css">
		<link rel="stylesheet" href="__ROOT__/Public/yx/assets/css/app.css">
		<link rel="stylesheet" href="__ROOT__/Public/yx/css/record.css" />
	</head>

	<body>
		<div id="wrapper">
			<div style="line-height: 48px;background: #FFFFFF;width: 100%;text-align: center;">
				<div style="padding-left: 14px;padding-right: 14px;float: left;" onclick="onback();">
					<span class="am-icon-chevron-left"></span>
				</div>
				<span style="margin-left: -28px;">创建专辑</span>
			</div>
			
			<center>
				<input type="text" class="" id="topic_name" placeholder="请输入专辑名称" style="margin-top: 10px;width: 90%;padding-left: 5px;">
			
			<p style="margin-left: 10px;">专辑封面</p>
			<div style="margin-top: -10px;">
				<img id="image1" src="__ROOT__/Public/yx/img/image_bg.jpg" style="width: 90%;height: 150px;" />
			</div>

			<div class="am-form-group" style="margin-top: 10px;">
				<textarea class="" rows="5" id="topic_detail" placeholder="请输入专辑详情" style="width: 90%;"></textarea>
			</div>
			
			<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
			  <div class="am-modal-dialog">
			    <div class="am-modal-bd">
			      <span id="alert_ts">最多只能录三段语音</span>
			    </div>
			    <div class="am-modal-footer">
			      <span class="am-modal-btn">确定</span>
			    </div>
			  </div>
			</div>
			<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
			  <div class="am-modal-dialog">
			    <div class="am-modal-hd">正在合并语音...</div>
			    <div class="am-modal-bd">
			      <span class="am-icon-spinner am-icon-spin"></span>
			    </div>
			  </div>
			</div>
			</center>
			<p style="margin-left: 10px;">是否支付</p>
			<div style="background-color: #FFFFFF;">
				<select id="sel_pay" class="" style="width: 50%;display: inline;width: 20%;margin-left: 10px;">
					<option value="是">是</option>
					<option value="否">否</option>
				</select>
				<div id="create_pay" style="width: 40%;line-height: 48px;padding-left: 10px;margin-top: -10px;display: inline;">
					<span id="pay_text" style="font-size: 14px;margin-right: 12px;margin-left: 10px;">付费:</span>
					<div id="pay_text_price" style="display: inline;">
						<input type="text" class="" id="create_price" placeholder="请输入价格" style="display: inline;width: 30%;font-size: 14px;">
						<span style="font-size: 14px;">元</span>
					</div>
				</div>
			</div>
			
			
			<p style="margin-left: 10px;">是否加密</p>
			<div style="background-color: #FFFFFF;">
				<div class="am-form-group am-form-select" style="margin-top: -10px;padding-top: 10px;padding-bottom: 10px;">
					<select id="sel_pwd" class="" style="width: 20%;display: inline;margin-left: 10px;">
						<option value="是">是</option>
						<option value="否">否</option>
					</select>
					<input type="text" class="" id="create_pwd" placeholder="请输入密码" style="font-size: 14px;width: 40%;display: inline;margin-left: 10px;">
				</div>
			</div>
			
			<p style="margin-left: 10px;">话题类别</p>
			<div class="am-form-group am-form-select" style="margin-top: -10px;background-color: #FFFFFF;padding-top: 10px;padding-bottom: 10px;">
				<select id="sel_type" class="" style="width: 70%;margin-left: 10px;">
					<option value="情感">情感</option>
					<option value="健康">健康</option>
					<option value="人文">人文</option>
					<option value="职场">职场</option>
					<option value="生活">生活</option>
					<option value="亲子">亲子</option>
					<option value="教育">教育</option>
					<option value="商业">商业</option>
				</select>
			</div>
			<p style="margin-left: 10px;">上架时间</p>
			<div class="am-form-group am-form-select" style="margin-top: -10px;background-color: #FFFFFF;padding-top: 10px;padding-bottom: 10px;">
				<input id="time_create" type="datetime-local" value="2017-02-24T13:59" style="margin-left: 10px;" />
			</div>
			<center>
				<button id="post_create_topic" type="button" class="am-btn am-btn-warning" style="width: 90%;margin-top: 20px;margin-bottom: 10px;">提交</button>
			</center>
			
			<p id="data_json">fanhui:</p>
			<p id="picture">fanhui:</p>
			<p id="audio">fanhui:</p>
			
				
		</div>

		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="__ROOT__/Public/yx/assets/js/jquery.min.js"></script>
		<!--<![endif]-->
		<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="__ROOT__/Public/yx/assets/js/amazeui.js"></script>
		<script type="text/javascript" src="__ROOT__/Public/yx/js/back.js"></script>
		
		<script type="text/javascript" src="__ROOT__/Public/yx/js/wx_config_create_zj.js"></script>
		
	</body>

</html>